@charset "utf-8";
/*初始化*/
* { margin: 0; padding: 0; }
*html { background-image: url(about:blank); background-attachment: fixed; }/*解决IE6下滚动抖动的问题*/
body, ul, ol, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, strong, span, form, b, p, i, th, td, pre, input, button, textarea, hr { margin: 0; padding: 0; }
body { line-height: 180%; font-size: 12px; text-align: left; font-family: "微软雅黑", "宋体", sans-serif; color: #333; background: #fff; }
ul, ol, li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: 600; color: #333; margin: 0; font-family: "微软雅黑", "宋体", sans-serif; padding: 0; }
.clear { clear: both; height: 20px; overflow: hidden; }
img { border: 0px; margin: 0; padding: 0; }
img.zoom-img { -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; }
img.zoom-img:hover { -webkit-transform: scale(1.1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transform: scale(1.1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; overflow: hidden; }
a { color: #333; text-decoration: none; cursor: pointer; }
a:hover { color: #D33A34; text-decoration: none; }
input, select, button { border: 0px; }
/**/
.wraper { margin: 0px auto; overflow: hidden; max-width: 1920px; }
.top_bar { height: 36px; background: #333; }
.top_box { margin: 0px auto; width: 1200px; height: 36px; }
.top_l, .top_r, .top_r li, .top_r em { float: left; display: inline; height: 36px; line-height: 36px; color: #fff; }
.top_l { background: #555; padding: 0px 10px; font-size: 16px; width: 280px; text-align: center; }
.top_r em { font-style: normal; margin-left: 15px; margin-right: 15px; }
.top_r { float: right; background-repeat: no-repeat; background-position: right center; background-image: url(mem.png); background-size: 12px 15px; padding-right: 25px; }
.top_r li { }
.top_r li a { color: #fff; }
/**/
.logo_bar { background: #fff; }
.logo_box { margin: 0px auto; position: relative; width: 1200px; height: 105px; z-index: 99999; }
.logo { float: left; width: 250px; height: 105px; line-height: 105px; overflow : hidden; }
.logo span { height: 100%; display: inline-block; vertical-align: middle; }
.logo img { width: 208px; vertical-align: middle; }
.logo a { display: block; cursor: pointer; }
/**/
.menu_bar { float: left; margin-left: 50px; height: 45px; margin-top: 30px; }
.nav { margin: 0px auto; position: relative; height: 45px; }
.nav .nav_list, .nav .nav_line, .nav .nav_search { float: left; height: 45px; display: inline; position: relative; z-index: 999; }
.nav .nav_line { width: 5px; background: url(nav_line.png) no-repeat center; padding: 0px 20px; }
.nav h3 { float: left; font-weight: normal; font-size: 16px; font-weight: 300; height: 45px; line-height: 45px; text-align: center; }
.nav h3 a { display: block; }
.nav .nav_search { width: 18px; height: 45px; position: relative; }
.nav .nav_search h3 { width: 18px; text-indent: -99999px; background-repeat: no-repeat; background-position: center; background-image: url(search.png); background-size: 18px 18px; }
.nav .nav_search .search_box { position: absolute; right: 0px; top: 40px; display: none; width: 178px; overflow: hidden; background: #fff; border: 1px solid #F0F0F0; height: 36px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; padding: 0px 10px; cursor: pointer; filter: alpha(opacity=90); -moz-opacity: 0.90; -khtml-opacity: 0.90; opacity: 0.90; }
.nav .nav_search .search_box .s_keyword, .nav .nav_search .search_box .s_submit { float: left; width: 150px; background: none; border: none; overflow: hidden; height: 36px; line-height: 36px; color: #999; outline: none; font-family: "微软雅黑", "宋体", sans-serif; }
.nav .nav_search .search_box .s_submit { float: right; width: 28px; background-repeat: no-repeat; background-position: center; background-image: url(search.png); background-size: 16px 16px; text-indent: -9999px; border: none; cursor: pointer; }
.nav .nav_search:hover .search_box { display: block; }
.nav .on { }
.nav .on h3, .nav .cur h3 { }
.nav .on h3 a, .nav .cur h3 a { color: #D33A34; }
.nav .sub_nav { position: absolute; display: none; width: 235px; left: 0px; text-align: center; top: 45px; z-index: 98; background: url(sub_ico.png) repeat; height: 430px; padding: 10px 0px; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }
.nav .sub_nav dl { margin: 0px auto; width: 235px; height: 80px; position: relative; border-bottom: 1px solid #353737; margin-bottom: 5px; cursor: pointer; }
.nav .sub_nav dl dt { margin: 0px auto; overflow: hidden; line-height: 40px; height: 80px; padding: 0px 10px; }
.nav .sub_nav dl dt strong { display: block; font-size: 15px; height: 40px; overflow: hidden; font-weight: 300; }
.nav .sub_nav dl dt a { color: #fff; margin-right: 10px; }
.nav .sub_nav dd { position: absolute; text-align: left; display: none; left: 235px; top: -10px; padding: 19px 20px; background: #fff; line-height: 40px; font-size: 15px; border: 1px solid #D33A34; height: auto; width: 300px; border-left: 0px; }
.nav .sub_nav dd strong { display: block; font-size: 18px; height: 50px; overflow: hidden; font-weight: 600; line-height: 50px; width: 100%; }
.nav .sub_nav dd a { margin-right: 10px; }
.nav .sub_nav dl:hover dd { display: block; }
.nav .sub_nav dl:hover dt { background: #fff; }
.nav .sub_nav dl:hover dt a, .nav .sub_nav dl:hover dd a { color: #333; }
.nav .sub_nav dl:hover dt strong a, .nav .sub_nav dl:hover dd strong a { color: #505050; }
.nav .sub_nav dl dt a:hover, .nav .sub_nav dl dd a:hover { color: #D33A34; }
/**/
.index_menu { position: absolute; width: 300px; left: 0px; top: 105px; height: 600px; z-index: 39; }
.index_menu_ico { position: absolute; width: 300px; left: 0px; top: 105px; height: 600px; background: #171E26; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; z-index: 0; }
.menu { margin: 0px auto; position: relative; width: 300px; }
.menu .menu_list, .menu .menu_top { margin: 0px auto; height: 45px; position: relative; z-index: 999; }
.menu .menu_top { height: 80px; font-size: 18px; background: #D33A34; line-height: 80px; color: #fff; text-align: center; margin-bottom: 10px; }
.menu .menu_list { margin-top: 10px; margin-bottom: 10px; }
.menu h3 { margin: 0px auto; background-repeat: no-repeat; background-position: 20px center; background-image: url(menu_sider_dot.png); background-size: 35px 35px; font-weight: normal; font-size: 16px; font-weight: 300; height: 45px; line-height: 45px; text-align: left; text-indent: 75px; color: #fff; }
.menu h3 a { display: block; color: #fff; }
.menu .on { }
.menu .on h3, .menu .cur h3 { background-color: #004976; }
.menu .on h3 a, .menu .cur h3 a { color: #fff; }
.menu .sub_menu { position: absolute; display: none; width: 300px; left: 300px; top: -90px; z-index: 98; background: #fff; height: 600px; overflow: hidden; }
.menu .sub_menu dl { margin: 0px auto; padding: 10px 30px; overflow: hidden; }
.menu .sub_menu dl dt, .menu .sub_menu dl dd, .menu .sub_menu dl dd li { margin: 0px auto; overflow: hidden; line-height: 35px; }
.menu .sub_menu dl dt { font-size: 18px; border-bottom: 1px solid #333; line-height: 40px; }
.menu .sub_menu dl dd { padding: 5px 0px; }
.menu .sub_menu dl dd li { font-size: 14px; }
.menu .sub_menu_2 { top: -145px; }
.menu .sub_menu_3 { top: -200px; }
.menu .sub_menu_4 { top: -255px; }
/**/
.site_tel { float: right; margin-top: 22px; padding-left: 60px; background: url(stock.png) no-repeat left center; background-size: 46px 45px; line-height: 30px; font-size: 16px; color: #D33A34; font-weight: 600; }
/**/
.full_slide { width: 100%; position: relative; height: 600px; overflow: hidden; margin: 0px auto; z-index: 0; }
.full_slide .bd { position: relative; z-index: 0; }
.full_slide .bd ul { width: 100% !important; }
.full_slide .bd li { width: 100% !important; height: 600px; overflow: hidden; text-align: center; background-position: center; background-repeat: no-repeat; background-size: auto 600px; }
.full_slide .bd li a { display: block; height: 600px; }
.full_slide .hd { margin: 0px auto; position: relative; z-index: 999; bottom: 30px; text-align: center; }
.full_slide .hd ul li { cursor: pointer; display: inline-block; *display:inline;
width: 42px; height: 10px; background: #fff; text-indent: -9999px; margin-left: 5px; margin-right: 5px; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }
.full_slide .hd ul .on { background: #1f70de; }
.full_slide .prev, .full_slide .next { position: absolute; left: 1%; top: 50%; margin-top: -28px; display: block; width: 33px; height: 56px; background: url(banner-left.png) no-repeat; filter: alpha(opacity=80); opacity: 0.8; background-size: 36px 56px; }
.full_slide .next { left: auto; right: 1%; background: url(banner-right.png) no-repeat right center; }
/**/
.banner_box { width: 100%; position: relative; height: 390px; overflow: hidden; margin: 0px auto; z-index: 0; background-repeat: no-repeat; background-position: center; background-size: 1920px auto; }
.banner_slide { width: 100%; position: relative; height: 390px; overflow: hidden; margin: 0px auto; z-index: 0; }
.banner_slide .bd { position: relative; z-index: 0; }
.banner_slide .bd ul { width: 100% !important; }
.banner_slide .bd li { width: 100% !important; height: 390px; overflow: hidden; text-align: center; background-position: center; background-repeat: no-repeat; background-size: 1920px auto; }
.banner_slide .bd li a { display: block; height: 390px; }
.banner_slide .hd { margin: 0px auto; position: relative; z-index: 999; bottom: 30px; text-align: center; }
.banner_slide .hd ul li { cursor: pointer; display: inline-block; *display:inline;
width: 42px; height: 10px; background: #fff; text-indent: -9999px; margin-left: 5px; margin-right: 5px; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }
.banner_slide .hd ul .on { background: #1f70de; }
.banner_slide .prev, .banner_slide .next { position: absolute; left: 1%; top: 50%; margin-top: -28px; display: block; width: 33px; height: 56px; background: url(banner-left.png) no-repeat; filter: alpha(opacity=80); opacity: 0.8; background-size: 36px 56px; }
.banner_slide .next { left: auto; right: 1%; background: url(banner-right.png) no-repeat right center; }
/**/
.link_bar { height: 50px; background: #666; overflow: hidden; }
.link_box { margin: 0px auto; width: 1200px; height: 50px; overflow: hidden; }
.link_box li { float: left; display: inline; color: #DCDCDC; font-size: 13px; line-height: 50px; margin-right: 10px; }
.link_box li a { color: #DCDCDC; display: block; }
/**/
.foot_bar { padding: 30px 0px; background: #444; overflow: hidden; }
.foot_box { margin: 0px auto; width: 1200px; overflow: hidden; }
.foot_box dl { float: left; display: inline; overflow: hidden; margin-right: 60px; padding-right: 60px; background: url(foot_nav_line.png) no-repeat right top; min-height: 140px; }
.foot_box dl dt, .foot_box dl dd, .foot_box dl dd li, .foot_box dl .con_txt { margin: 0px auto; overflow: hidden; font-weight: 300; line-height: 35px; color: #888; font-size: 13px; }
.foot_box dl dt, .foot_box dl dt a { font-size: 16px; color: #DBDBDB; }
.foot_box dl dd li { }
.foot_box dl dd li a { color: #888; text-align: center; display: block; }
.foot_search { margin: 0px auto; overflow: hidden; padding-top: 10px; }
.foot_search .s_keyword, .foot_search .s_submit { float: left; width: 130px; padding: 0px 10px; background: #fff; border: none; overflow: hidden; height: 35px; line-height: 35px; color: #A9A9A9; outline: none; font-family: "微软雅黑", "宋体", sans-serif; }
.foot_search .s_submit { float: right; width: 50px; height: 37px; line-height: 37px; background: #020202; color: #fff; cursor: pointer; }
.foot_box dl:last-child { background-image: none; margin-right: 0px; padding-right: 0px; }
/**/
.foot_power { height: 45px; line-height: 45px; text-align: center; overflow: hidden; width: 100%; background: #010101; font-size: 13px; color: #DCDCDC; }
.foot_power a { color: #DCDCDC; }
/**/
.t_box { margin: 0px auto; z-index: 9; overflow: hidden; margin-bottom: 10px; width: 100%; }
.t_about { margin: 0px auto; overflow: hidden; height: 45px; line-height: 45px; text-indent: 1em; color: #fff; font-size: 16px; font-weight: 300; background: #004976; }
.t_txt, .t_cn, .t_index, .t_en { margin: 0px auto; overflow: hidden; font-size: 26px; font-weight: 600; line-height: 60px; text-align: center; color: #004976; font-weight: 300; }
.t_cn { font-size: 22px; }
.t_index { font-size: 28px; color: #fff; font-weight: 300; }
.t_en { text-align: left; line-height: 40px; font-size: 18px; font-weight: 300; color: #333; }
.t_color { color: #004976; }
.t_open, .t_more { float: right; padding: 0px 10px; margin-top: 30px; height: 35px; line-height: 35px; background: #fff; border: 1px solid #E6E6E6; font-size: 13px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; color: #004976; cursor: pointer; }
.t_more { float: left; margin-top: 20px; }
.t_open a, .t_more a { color: #004976; display: block; }
.t_open:hover, .t_more:hover { background: #004976; border: 1px solid #004976; color: #fff; }
.t_open:hover a, .t_more:hover a { color: #fff; }
.t_tab, .t_tab li, .t_son, .t_son li, .t_new { margin: 0px auto; overflow: hidden; }
.t_tab li, .t_son li { padding: 0px 10px; height: 44px; line-height: 44px; font-size: 15px; margin-top: 10px; cursor: pointer; }
.t_tab li a, .t_son li a { display: block; }
.t_son li, .t_son li a { color: #fff; }
.t_tab li.on, .t_tab li:hover, .t_son li.on, .t_son li:hover { background-repeat: no-repeat; background-position: right center; background-image: url(tabs_hover.png); background-size: auto 44px; }
.t_son li.on, .t_son li:hover { background-image: url(tab_hover.png); }
.t_tab li.on a, .t_tab li:hover a { color: #004976; }
.t_son li.on a, .t_son li:hover a { color: #fff; }
.t_new { width: 100%; height: 48px; position: relative; text-align: center; }
.t_new .t_new_line { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 1px; background: #E6E6E6; z-index: 0; }
.t_new li { display: inline-block; margin-left: 10px; margin-right: 10px; border: 1px solid #E6E6E6; height: 46px; line-height: 46px; text-align: center; padding: 0px 20px; font-size: 15px; overflow: hidden; z-index: 99; position: relative; background: #fff; cursor: pointer; }
.t_new li.on, .t_new li:hover { border-bottom: 1px solid #fff; border-top: 1px solid #004976; color: #004976; }
.t_new li.on a, .t_new li:hover a { color: #004976; }
/**/
.main, .block, .min_block { margin: 0px auto; padding: 30px 0px; width: 1200px; overflow: hidden; }
.block { padding: 30px 0px; }
.min_block { padding: 10px 0px; width: 100%; }
/**/
.main_l, .main_r { float: left; display: inline; width: 275px; background: #fff; overflow: hidden; }
.main_l { z-index: 1; }
.main_r { float: right; width: 900px; background: none; }
.min_main { padding: 10px 14px; border: 1px solid #E6E6E6; margin: 0px auto; background: #fff; overflow: hidden; }
.big_left { float: left; display: inline; overflow: hidden; width: 890px; }
/**/
.pos_bar { height: 62px; overflow: hidden; background: url(pos_bar.png) repeat-x; }
.pos_box { margin: 0px auto; width: 1200px; height: 62px; overflow: hidden; position: relative; }
.pos_txt { float: left; padding-left: 30px; background-image: url(pos_ico.png); background-repeat: no-repeat; background-position: left center; background-size: 20px 23px; line-height: 62px; }
.pos_nav { float: right; height: 62px; }
.pos_nav li { float: left; display: inline; padding: 0px 30px; line-height: 62px; font-size: 16px; overflow: hidden; }
.pos_nav li a { display: block; }
.pos_nav li.cur, .pos_nav li:hover { background: #EDEEF3; }
.pos_nav li.cur a, .pos_nav li:hover a { color: #004976; }
/**/
.page_box, .list_hezuo, .map_box, .list_szizhi, .list_bzizhi, .list_box, .list_shop, .list_case, .list_show, .page_no { padding: 10px 0px; overflow: hidden; }
.page_box { padding-top: 0px; line-height: 45px; text-align: justify; text-justify: inter-ideograph; font-size: 15px; }
.page_box img { margin: 0px auto; overflow: hidden; max-width: 100%; display: block; text-align: center; margin-bottom: 20px; }
/**/
.list_hezuo { }
.list_hezuo li { float: left; display: inline; overflow: hidden; width: 282px; margin: 0px 9px; margin-bottom: 20px; }
.list_hezuo li .hezuo_pic, .list_hezuo li .hezuo_txt { overflow: hidden; font-weight: 300; line-height: 45px; text-align: center; }
.list_hezuo li .hezuo_pic { border: 1px solid #E6E6E6; width: 280px; height: 100px; }
.list_hezuo li .hezuo_pic span { height: 100%; display: inline-block; vertical-align: middle; }
.list_hezuo li .hezuo_pic img { width: 260px; vertical-align: middle; }
.list_hezuo li .hezuo_txt { font-size: 16px; }
/**/
.map_box { border: 1px solid #E6E6E6; padding: 0px 0px; width: 898px; height: 500px; margin-top: 20px; margin-bottom: 20px; }
/**/ 
.list_szizhi { width: 1248px; padding-top: 0px; padding-bottom: 0px; }
.list_szizhi li { float: left; display: inline; width: 278px; border: 2px solid #004976; height: 205px; margin-right: 24px; margin-top: 20px; overflow: hidden; position: relative; cursor: pointer; background: #fff; }
.list_szizhi li .szizhi_pic, .list_szizhi li .szizhi_ico, .list_szizhi li .szizhi_name { position: absolute; left: 0px; width: 278px; text-align: center; overflow: hidden; font-weight: 300; }
.list_szizhi li .szizhi_pic { top: 2px; height: 185px; z-index: 0; }
.list_szizhi li .szizhi_pic span { height: 100%; display: inline-block; vertical-align: middle; }
.list_szizhi li .szizhi_pic img { width: 278px; vertical-align: middle; }
.list_szizhi li .szizhi_ico { bottom: 0px; height: 35px; background: #457A9C; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; z-index: 1; }
.list_szizhi li .szizhi_name { bottom: 0px; font-size: 16px; background: none; height: 35px; line-height: 35px; z-index: 9; color: #fff; }
.list_szizhi li .szizhi_name a { color: #fff; }
.list_szizhi li:hover .szizhi_name, .list_szizhi li:hover .szizhi_ico { bottom: auto; top: 50%; margin-top: -17px; }
/**/
.list_bzizhi { width: 1248px; padding-top: 0px; padding-bottom: 0px; }
.list_bzizhi li { float: left; display: inline; width: 216px; border: 2px solid #004976; height: 255px; margin-right: 25px; margin-top: 20px; overflow: hidden; position: relative; cursor: pointer; background: #fff; }
.list_bzizhi li .bzizhi_pic, .list_bzizhi li .bzizhi_ico, .list_bzizhi li .bzizhi_name { position: absolute; left: 0px; width: 216px; text-align: center; overflow: hidden; font-weight: 300; }
.list_bzizhi li .bzizhi_pic { top: 2px; height: 255px; z-index: 0; }
.list_bzizhi li .bzizhi_pic span { }
.list_bzizhi li .bzizhi_pic img { height: 255px; vertical-align: middle; }
.list_bzizhi li .bzizhi_ico { bottom: 0px; height: 35px; background: #457A9C; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; z-index: 1; }
.list_bzizhi li .bzizhi_name { bottom: 0px; font-size: 16px; background: none; height: 35px; line-height: 35px; z-index: 9; color: #fff; }
.list_bzizhi li .bzizhi_name a { color: #fff; }
.list_bzizhi li:hover .bzizhi_name, .list_bzizhi li:hover .bzizhi_ico { bottom: auto; top: 50%; margin-top: -17px; }
/**/
.list_box { }
.list_box li { border-bottom: 1px solid #E6E6E6; padding-bottom: 25px; margin-bottom: 25px; overflow: hidden; cursor: pointer; cursor: pointer; }
.list_box li .new_date, .list_box li .new_title, .list_box li .new_txt { width: auto; display: block; overflow: hidden; }
.list_box li .new_date { float: left; width: 85px; height: 85px; border: 1px solid #004976; margin-right: 25px; display: inline; text-align: center; background: #fff; }
.list_box li .new_date b, .list_box li .new_date em { display: block; overflow: hidden; font-style: normal; font-weight: 300; }
.list_box li .new_date b { line-height: 50px; font-size: 18px; }
.list_box li .new_date em { line-height: 35px; background: #004976; color: #fff; }
.list_box li .new_title { line-height: 35px; height: 35px; font-size: 16px; font-weight: 300; }
.list_box li .new_title a { }
.list_box li .new_txt { line-height: 25px; height: 50px; color: #A1A1A1; }
.list_box li:hover .new_date { background: #004976; border: 1px solid #E6E6E6; }
.list_box li:hover .new_date b { color: #fff; }
.list_box li:hover .new_date em { color: #004976; background: #fff; }
.list_box li:last-child { border-bottom: 0; }
/**/
.list_shop_bar { overflow: hidden; background: #E0E5EB; }
.list_shop { width: 1248px; padding-top: 0px; padding-bottom: 0px; }
.list_shop li { float: left; display: inline; width: 278px; border: 2px solid #004976; height: 205px; margin-right: 24px; margin-top: 20px; overflow: hidden; position: relative; cursor: pointer; background: #fff; }
.list_shop li .shop_pic, .list_shop li .shop_ico, .list_shop li .shop_name, .list_shop li .shop_txt { position: absolute; left: 0px; width: 278px; text-align: center; overflow: hidden; font-weight: 300; }
.list_shop li .shop_pic { top: 2px; height: 185px; z-index: 0; }
.list_shop li .shop_pic span { height: 100%; display: inline-block; vertical-align: middle; }
.list_shop li .shop_pic img { width: 278px; vertical-align: middle; }
.list_shop li .shop_ico { bottom: 0px; height: 35px; background: #457A9C; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; z-index: 1; }
.list_shop li .shop_name { bottom: 0px; font-size: 16px; background: none; height: 35px; line-height: 35px; z-index: 9; color: #fff; }
.list_shop li .shop_name a { }
.list_shop li .shop_txt { top: 35px; padding: 15px 10px; width: 258px; height: 140px; line-height: 35px; font-size: 13px; color: #fff; z-index: 2; display: none; text-align: left; }
.list_shop li:hover .shop_name { bottom: auto; top: 0px; background: #004976; }
.list_shop li:hover .shop_ico { height: 170px; }
.list_shop li:hover .shop_txt { display: block; }
/**/
.list_none, .list_none_1, .list_none_2, .list_none_3, .list_none_4 { display: none; padding-top: 0px; }
.list_block { display: block; padding-top: 0px; }
/**/
.list_case { width: 1248px; padding-top: 0px; padding-bottom: 0px; }
.list_case li { float: left; display: inline; width: 278px; border: 2px solid #004976; height: 205px; margin-right: 24px; margin-top: 20px; overflow: hidden; position: relative; cursor: pointer; background: #fff; }
.list_case li .case_pic, .list_case li .case_ico, .list_case li .case_name, .list_case li .case_txt { position: absolute; left: 0px; width: 278px; text-align: center; overflow: hidden; font-weight: 300; }
.list_case li .case_pic { top: 2px; height: 185px; z-index: 0; }
.list_case li .case_pic span { height: 100%; display: inline-block; vertical-align: middle; }
.list_case li .case_pic img { width: 278px; vertical-align: middle; }
.list_case li .case_ico { bottom: 0px; height: 35px; background: #457A9C; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; z-index: 1; }
.list_case li .case_name { bottom: 0px; font-size: 16px; background: none; height: 35px; line-height: 35px; z-index: 9; color: #fff; }
.list_case li .case_name a { }
.list_case li .case_txt { top: 35px; padding: 15px 10px; width: 258px; height: 140px; line-height: 35px; font-size: 13px; color: #fff; z-index: 2; display: none; text-align: left; }
.list_case li:hover .case_name { bottom: auto; top: 0px; background: #004976; }
.list_case li:hover .case_ico { height: 170px; }
.list_case li:hover .case_txt { display: block; }
/**/
.list_show { padding-top: 0px; }
.list_show li { float: left; display: inline; padding: 9px 9px; border: 1px solid #E6E6E6; margin: 0px 10px; margin-bottom: 20px; width: 260px; overflow: hidden; cursor: pointer; }
.list_show li .show_pic_box, .list_show li .shop_pic, .list_show li .show_txt { margin: 0px auto; overflow: hidden; font-weight: 300; text-align: center; }
.list_show li .show_pic_box, .list_show li .show_pic { width: 260px; height: 225px; }
.list_show li .show_pic { }
.list_show li .show_pic span { height: 100%; display: inline-block; vertical-align: middle; }
.list_show li .show_pic img { width: 260px; vertical-align: middle; }
.list_show li .show_txt { font-size: 16px; line-height: 35px; background: #fff; height: 35px; }
.list_show li:hover { border: 1px solid #004976; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }
.list_show li:hover .show_txt { background: #004976; }
.list_show li:hover .show_txt a { color: #fff; }
/**/
.page_no { text-align: center; }
.page_no li { display: inline-block; line-height: 35px; }
.page_no li a, .page_no li.disabled { border: 1px solid #E6E6E6; padding: 8px 12px; margin: 0px 5px; display: inline; text-align: center; display: inline; }
.page_no li:hover a, .page_no li.thisclass { border: 1px solid #004976; background: #004976; padding: 8px 12px; margin: 0px 5px; display: inline; text-align: center; color: #fff; cursor: pointer; }
.page_no li:hover a, .page_no li.thisclass a { color: #fff; }
/**/
.sider_box { padding: 10px 10px; overflow: hidden; background: #E0E5EB; }
.sider_top, .sider_list, .sider_tree { margin: 0px auto; overflow: hidden; line-height: 45px; font-weight: 300; }
.sider_top { background: #004976; text-indent: 0.5em; font-size: 16px; color: #fff; }
.sider_top a { display: block; color: #fff; }
/**/
.sider_list { }
.sider_list .sider_nav, .sider_list .sider_nav_t { overflow: hidden; height: 45px; line-height: 45px; border-bottom: 1px solid #CDD2D7; position: relative; text-indent: 1em; font-size: 16px; }
.sider_list .cur a, .sider_list .sider_nav:hover a { color: #004976; display: block; background: #9EB8C9; }
.sider_list .sider_nav_t { text-indent: 2em; }
.sider_list .sider_nav:last-child { border-bottom: 0px; }
/**/
.sider_tree { }
.sider_tree h1, h2, h3, h4 { cursor: pointer; }
.sider_tree h1 { background: #004976; text-indent: 0.5em; font-size: 16px; color: #fff; line-height: 45px; font-weight: 300; border-bottom: 1px solid #CDD2D7; position: relative; }
.sider_tree h1 em { position: absolute; right: 15px; top: 0px; width: 10px; height: 45px; line-height: 45px; font-style: normal; }
.sider_tree h1 em a { color: #fff; }
.sider_tree h1:hover { }
.sider_tree h1:first-child { }
.sider_tree h1:last-of-type { }
.sider_tree h1:not(:last-of-type) { }
.sider_tree div, .sider_tree p { display: none; }
.sider_tree h2 { background: #E0E5EB; text-indent: 1em; font-size: 15px; line-height: 45px; font-weight: 300; border-bottom: 1px solid #CDD2D7; }
.sider_tree h2:hover { background: #9EB8C9; }
.sider_tree h3 { background: #E0E5EB; text-indent: 1.5em; font-size: 15px; line-height: 45px; font-weight: 300; border-bottom: 1px solid #CDD2D7; }
.sider_tree h3:hover { background: #9EB8C9; }
.sider_tree h4 { background: #E0E5EB; text-indent: 2.0em; font-size: 15px; line-height: 45px; font-weight: 300; border-bottom: 1px solid #CDD2D7; }
.sider_tree h4:hover { background: #9EB8C9; }
.sider_tree p { padding: 15px 35px; background-color: #ddd; font-family: "Georgia"; font-size: .8rem; color: #333; line-height: 1.3rem; }
.sider_tree .opened-for-codepen { display: block; }
.sider_tree h1 a { color: #fff; }
/**/
.view_box, .view_title, .view_msg, .view_info, .view_body, .pre_box { padding: 10px 0px; overflow: hidden; }
/**/
.view_box { }
.view_title { font-size: 26px; font-weight: 600; line-height: 40px; margin-bottom: 5px; text-align: center; color: #004976; }
.view_msg, .view_info { line-height: 35px; color: #A1A1A1; font-size: 13px; border-bottom: 1px solid #E6E6E6; padding-bottom: 25px; text-align: center; }
.view_msg a { color: #A1A1A1; }
.view_info { }
.view_body { padding: 20px 0px; line-height: 45px; text-align: justify; text-justify: inter-ideograph; font-size: 15px; }
.view_body img { max-width: 100%; display: block; text-align: center; margin-bottom: 20px; }
/**/
.like_list { padding: 10px 0px; }
.like_list li { float: left; display: inline; overflow: hidden; height: 45px; width: 360px; padding: 0px 10px; }
.like_list li .like_title, .like_list li .like_time { float: left; display: inline; height: 45px; line-height: 45px; overflow: hidden; width: 78%; }
.like_list li .like_title { font-size: 13px; font-weight: 300; text-indent: 12px; background-repeat: no-repeat; background-position: left center; background-image: url(new_dot.png); background-size: 5px 5px; }
.like_list li .like_title a { }
.like_list li .like_time { color: #A3AFB7; float: right; width: 20%; text-align: right; }
/**/
.pre_box { border-top: 1px dotted #E6E6E6; }
.pre_box li { line-height: 35px; color: #999; }
.pre_box li a { color: #999; }
/**/
.index_buss_bar { overflow: hidden; background: url(bg_buss.jpg) no-repeat center; }
.index_son_bar { overflow: hidden; background: url(bg_son.jpg) no-repeat center; }
.index_l, .index_r { float: left; display: inline; overflow: hidden; width: 235px; }
.index_r { float: right; width: 915px; margin-left: 20px; padding-left: 30px; background: url(tab_line.png) no-repeat left 10px; background-size: 2px auto; }
.index_box, .index_shop, .index_son, .index_about, .about_txt, .index_new, .index_top, .index_list { margin: 0px auto; overflow: hidden; }
.index_box { margin-bottom: 20px; }
.index_shop { width: 912px; padding-top: 0px; padding-bottom: 0px; }
.index_shop li { float: left; display: inline; width: 212px; border: 1px solid #E6E6E6; height: 155px; margin-right: 14px; overflow: hidden; position: relative; cursor: pointer; background: #fff; }
.index_shop li .shop_pic, .index_shop li .shop_ico, .index_shop li .shop_name, .index_shop li .shop_txt { position: absolute; left: 0px; width: 212px; text-align: center; overflow: hidden; font-weight: 300; }
.index_shop li .shop_pic { top: 0px; height: 155px; z-index: 0; }
.index_shop li .shop_pic span { }
.index_shop li .shop_pic img { height: 155px; vertical-align: middle; }
.index_shop li .shop_ico { bottom: 0px; height: 35px; background: #457A9C; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; z-index: 1; }
.index_shop li .shop_name { bottom: 0px; font-size: 13px; background: none; height: 35px; line-height: 35px; z-index: 9; color: #fff; }
.index_shop li .shop_name a { }
.index_shop li .shop_txt { top: 35px; padding: 5px 5px; width: 202px; height: 110px; line-height: 35px; color: #fff; z-index: 2; display: none; text-align: left; }
.index_shop li:hover .shop_name { bottom: auto; top: 0px; background: #004976; }
.index_shop li:hover .shop_ico { height: 120px; }
.index_shop li:hover .shop_txt { display: block; }
.index_son { line-height: 35px; text-align: justify; text-justify: inter-ideograph; font-size: 14px; color: #fff; }
.index_about { padding-bottom: 20px; }
.about_l, .about_r { float: left; display: inline; overflow: hidden; width: 365px; }
.about_l img { width: 100%; }
.about_r { float: right; width: 815px; }
.about_txt { line-height: 35px; text-align: justify; text-justify: inter-ideograph; font-size: 14px; }
.new_l, .new_r { float: left; padding: 15px 15px; width: 550px; overflow: hidden; background: #fff; margin-top: 30px; margin-bottom: 20px; height: 475px; }
.new_r { float: right; }
.index_top { }
.index_top .top_pic, .index_top .top_name, .index_top .top_txt, .index_top .top_other { margin: 0px auto; overflow: hidden; font-weight: 300; line-height: 30px; }
.index_top .top_pic { text-align: center; height: 325px; margin-bottom: 10px; }
.index_top .top_pic span { }
.index_top .top_pic img { height: 325px; vertical-align: middle; }
.index_top .top_name { height: 40px; line-height: 40px; font-size: 16px; }
.index_top .top_txt { height: 90px; color: #7E7E7E; margin-bottom: 10px; font-size: 13px; }
.index_list { }
.index_list li { border-bottom: 1px dashed #E6E6E6; padding-bottom: 10px; margin-bottom: 10px; overflow: hidden; cursor: pointer; }
.index_list li .new_pic, .index_list li .new_title, .index_list li .new_txt { width: auto; display: block; overflow: hidden; font-weight: 300; }
.index_list li .new_pic { float: left; width: 125px; margin-right: 15px; display: inline; height: 100px; border: 1px solid #E6E6E6; text-align: center; }
.index_list li .new_pic span { }
.index_list li .new_pic img { height: 100px; vertical-align: middle; }
.index_list li .new_title { line-height: 40px; height: 40px; font-size: 16px; }
.index_list li .new_title a { }
.index_list li .new_txt { line-height: 30px; height: 60px; color: #7E7E7E; font-size: 13px; }
.index_list li:last-child { padding-bottom: 0px; margin-bottom: 0px; border-bottom: 0; }
/**/
.bg_color { overflow: hidden; }
.index_bar { overflow: hidden; background: #F6F6F6; }
.pdt { padding-top: 0px; }
.fl { float: left; }
.fr { float: right !important; }
.t_center { text-align: center; }
.white, .white a { color: #fff; }
/**/
.side { position: fixed; width: 39px; height: 200px; right: 20px; bottom: 20px; z-index: 99999; }
.side ul li { width: 39px; height: 39px; float: left; position: relative; border-bottom: 1px solid #fff; }
.side ul li .sidebox { position: absolute; width: 39px; height: 39px; line-height: 39px; font-size: 14px; top: 0; right: 0; transition: all 0.3s; background: #2f2f2f; opacity: 1; filter: Alpha(opacity=100); color: #fff; overflow: hidden; }
.side ul li .sidetop { width: 39px; height: 39px; line-height: 39px; display: inline-block; background: #2f2f2f; opacity: 1; filter: Alpha(opacity=100); transition: all 0.3s; }
.side ul li .sidetop:hover { background: #004098; opacity: 1; filter: Alpha(opacity=100); }
.side ul li img { float: left; }
.kferm { position: absolute; top: -45px; right: 175px; display: none; z-index: 999999; }
/**/